<template>
    <div class="dbdh">
   <el-row type="flex" justify="space-between">
     <el-col :span="6">
     <i class="el-icon-eleme"/>
     <div>首页</div>
     </el-col>
    <el-col :span="6">
     <i class="el-icon-discover"/>
     <div>发现</div>
     </el-col>
      <el-col :span="6">
     <i class="el-icon-document-copy"/>
     <div>订单</div>
     </el-col>
      <el-col :span="6">
     <i class="el-icon-user-solid"/>
     <div @click="wode">我的</div>
     </el-col>
   </el-row>
    </div>
</template>
<script>
export default {
     methods:{ //跳转页面
         wode(){
          this.$router.push({ path:'/about'  })
             }
         }
}
</script>
<style scope>
.dbdh{
    text-align:center;
    color:#606266;
    border-top:0.1rem solid #dcdfe6;
    padding:1rem 0;
    position:fixed;
    bottom:0;
    width:100%;
    
}
.dbdh i{
    font-size:2.8rem;
}
.dbdh .el-col{
  text-align:center;

}
</style>